<!DOCTYPE html>
<!--**
 *Created by wf_H on 2018/8/6.
 *by:web_hwf@sina.com
 *-->
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>产品与服务-职工补贴产品</title>

    <!--使用IE兼容模式渲染-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <meta name="renderer" content="webkit">

    <link rel="stylesheet" href="../style/dist/zui@1.8.1/css/zui.min.css">
    <link rel="stylesheet" href="../style/dist/zui@1.8.1/css/zui-theme.css">
    <link rel="stylesheet" href="../style/dist/hover.css">

    <link rel="stylesheet" href="../style/h-base.css">
    <link rel="stylesheet" href="../style/h-index.css">
</head>
<body class="childrenBody">

<!--nav 部件-->
<div class="nav_list">
    <div class="text_title">产品与服务</div>
    <a href="javascript:;" class="text_item"><span>职工教育网</span></a>
    <a href="javascript:;" class="text_item"><span>职工补贴产品</span></a>
    <a href="javascript:;" class="text_item active"><span>职工培训产品</span></a>
    <a href="javascript:;" class="text_item"><span>职工培训</span></a>
    <a href="javascript:;" class="text_item"><span>求学圆梦</span></a>
</div>

<!--提示文字-->
<div class="prompt_text">
    <div class="bg_img bg_04">
        <h3>职工培训产品介绍</h3>
        <p>紧扣工会重点工作任务，中职网联合国家级行业协会及著名院校针对工会 “自身组织建设、职工全面发展” 以能力提升为培养目标，以有凭有证为考核目标，为职工提供9大核心的教育培训服务，<br>
            让职工有为有位，能够应用所学解决实际问题，让工会可组织各级工会开展培训，同时也提供培训组织与管理平台，各级可以工会个性化自主开展培训。</p>
    </div>
</div>

<!--搜索内容-->
<div class="search_form">
    <div class="row">
        <div class="col-lg-7 col-md-12">
            <label style="    line-height: 12px;">合作客户类别：</label>
            <div class="checked_list row">
                <div class="checkbox_s i-checks col-lg-4 col-md-2 col-sm-4">
                    <label><input type="checkbox" value=""> <i></i> 全国性产业工会(2)</label>
                </div>
                <div class="checkbox_s i-checks col-lg-4 col-md-2 col-sm-4">
                    <label><input type="checkbox" value=""> <i></i> 省级工会(2)</label>
                </div>
                <div class="checkbox_s i-checks col-lg-4 col-md-2 col-sm-4">
                    <label><input type="checkbox" value=""> <i></i> 地市工会(2)</label>
                </div>
                <div class="checkbox_s i-checks col-lg-4 col-md-2 col-sm-4">
                    <label><input type="checkbox" value=""> <i></i> 地方产业工会(2)</label>
                </div>
                <div class="checkbox_s i-checks col-lg-4 col-md-2 col-sm-4">
                    <label><input type="checkbox" value=""> <i></i> 区县工会(2)</label>
                </div>
                <div class="checkbox_s i-checks col-lg-4 col-md-2 col-sm-4">
                    <label><input type="checkbox" value=""> <i></i> 企业工会(2)</label>
                </div>

            </div>
        </div>
        <div class="col-lg-5 col-md-12">
            <div class="input-group">
                <select class="form-control">
                    <option value="1">行政区域</option>
                    <option value="1">...</option>
                </select>
                <span class="input-group-addon fix-border fix-padding"></span>
                <input type="text" class="form-control" placeholder="输入筛选条件">
                <span class="input-group-btn">
                    <button class="btn btn-primary" type="button" style="padding-left: 25px ;padding-right: 25px">筛选</button>
                </span>
            </div>
        </div>
    </div>
</div>

<!--选项卡-->
<div class="tab_list">
    <div class="row">
        <div class="col-lg-2 col-md-4 col-sm-6 col-xs-12">
            <div class="teb_item hvr-glow">
                <h3 class="h_text_sl_1">广东省职工教育网 </h3>
                <span class="alt_text">职工培训</span>
                <div class="number_list">
                    <div class="number_item">
                        <p class="text_title">订单</p>
                        <strong>12</strong>
                    </div>
                    <div class="number_item">
                        <p class="text_title">分配中</p>
                        <strong>6</strong>
                    </div>
                    <div class="number_item">
                        <p class="text_title">已结束</p>
                        <strong>0</strong>
                    </div>
                </div>

                <button class="btn btn_ck"> 查看</button>
            </div>
        </div>
        <div class="col-lg-2 col-md-4 col-sm-6 col-xs-12">
            <div class="teb_item hvr-glow">
                <h3 class="h_text_sl_1">广东省职工教育网 </h3>
                <span class="alt_text">职工培训</span>
                <div class="number_list">
                    <div class="number_item">
                        <p class="text_title">订单</p>
                        <strong>12</strong>
                    </div>
                    <div class="number_item">
                        <p class="text_title">分配中</p>
                        <strong>6</strong>
                    </div>
                    <div class="number_item">
                        <p class="text_title">已结束</p>
                        <strong>0</strong>
                    </div>
                </div>

                <button class="btn btn_ck"> 查看</button>
            </div>
        </div>
        <div class="col-lg-2 col-md-4 col-sm-6 col-xs-12">
            <div class="teb_item hvr-glow">
                <h3 class="h_text_sl_1">广东省职工教育网 </h3>
                <span class="alt_text">职工培训</span>
                <div class="number_list">
                    <div class="number_item">
                        <p class="text_title">订单</p>
                        <strong>12</strong>
                    </div>
                    <div class="number_item">
                        <p class="text_title">分配中</p>
                        <strong>6</strong>
                    </div>
                    <div class="number_item">
                        <p class="text_title">已结束</p>
                        <strong>0</strong>
                    </div>
                </div>

                <button class="btn btn_ck"> 查看</button>
            </div>
        </div>
        <div class="col-lg-2 col-md-4 col-sm-6 col-xs-12">
            <div class="teb_item hvr-glow">
                <h3 class="h_text_sl_1">广东省职工教育网 </h3>
                <span class="alt_text">职工培训</span>
                <div class="number_list">
                    <div class="number_item">
                        <p class="text_title">订单</p>
                        <strong>12</strong>
                    </div>
                    <div class="number_item">
                        <p class="text_title">分配中</p>
                        <strong>6</strong>
                    </div>
                    <div class="number_item">
                        <p class="text_title">已结束</p>
                        <strong>0</strong>
                    </div>
                </div>

                <button class="btn btn_ck"> 查看</button>
            </div>
        </div>
        <div class="col-lg-2 col-md-4 col-sm-6 col-xs-12">
            <div class="teb_item hvr-glow">
                <h3 class="h_text_sl_1">广东省职工教育网 </h3>
                <span class="alt_text">职工培训</span>
                <div class="number_list">
                    <div class="number_item">
                        <p class="text_title">订单</p>
                        <strong>12</strong>
                    </div>
                    <div class="number_item">
                        <p class="text_title">分配中</p>
                        <strong>6</strong>
                    </div>
                    <div class="number_item">
                        <p class="text_title">已结束</p>
                        <strong>0</strong>
                    </div>
                </div>

                <button class="btn btn_ck"> 查看</button>
            </div>
        </div>
        <div class="col-lg-2 col-md-4 col-sm-6 col-xs-12">
            <div class="teb_item hvr-glow">
                <h3 class="h_text_sl_1">广东省职工教育网 </h3>
                <span class="alt_text">职工培训</span>
                <div class="number_list">
                    <div class="number_item">
                        <p class="text_title">订单</p>
                        <strong>12</strong>
                    </div>
                    <div class="number_item">
                        <p class="text_title">分配中</p>
                        <strong>6</strong>
                    </div>
                    <div class="number_item">
                        <p class="text_title">已结束</p>
                        <strong>0</strong>
                    </div>
                </div>

                <button class="btn btn_ck"> 查看</button>
            </div>
        </div>
        <div class="col-lg-2 col-md-4 col-sm-6 col-xs-12">
            <div class="teb_item hvr-glow">
                <h3 class="h_text_sl_1">广东省职工教育网 </h3>
                <span class="alt_text">职工培训</span>
                <div class="number_list">
                    <div class="number_item">
                        <p class="text_title">订单</p>
                        <strong>12</strong>
                    </div>
                    <div class="number_item">
                        <p class="text_title">分配中</p>
                        <strong>6</strong>
                    </div>
                    <div class="number_item">
                        <p class="text_title">已结束</p>
                        <strong>0</strong>
                    </div>
                </div>

                <button class="btn btn_ck"> 查看</button>
            </div>
        </div>
        <div class="col-lg-2 col-md-4 col-sm-6 col-xs-12">
            <div class="teb_item hvr-glow">
                <h3 class="h_text_sl_1">广东省职工教育网 </h3>
                <span class="alt_text">职工培训</span>
                <div class="number_list">
                    <div class="number_item">
                        <p class="text_title">订单</p>
                        <strong>12</strong>
                    </div>
                    <div class="number_item">
                        <p class="text_title">分配中</p>
                        <strong>6</strong>
                    </div>
                    <div class="number_item">
                        <p class="text_title">已结束</p>
                        <strong>0</strong>
                    </div>
                </div>

                <button class="btn btn_ck"> 查看</button>
            </div>
        </div>
        <div class="col-lg-2 col-md-4 col-sm-6 col-xs-12">
            <div class="teb_item hvr-glow">
                <h3 class="h_text_sl_1">广东省职工教育网 </h3>
                <span class="alt_text">职工培训</span>
                <div class="number_list">
                    <div class="number_item">
                        <p class="text_title">订单</p>
                        <strong>12</strong>
                    </div>
                    <div class="number_item">
                        <p class="text_title">分配中</p>
                        <strong>6</strong>
                    </div>
                    <div class="number_item">
                        <p class="text_title">已结束</p>
                        <strong>0</strong>
                    </div>
                </div>

                <button class="btn btn_ck"> 查看</button>
            </div>
        </div>
        <div class="col-lg-2 col-md-4 col-sm-6 col-xs-12">
            <div class="teb_item hvr-glow">
                <h3 class="h_text_sl_1">广东省职工教育网 </h3>
                <span class="alt_text">职工培训</span>
                <div class="number_list">
                    <div class="number_item">
                        <p class="text_title">订单</p>
                        <strong>12</strong>
                    </div>
                    <div class="number_item">
                        <p class="text_title">分配中</p>
                        <strong>6</strong>
                    </div>
                    <div class="number_item">
                        <p class="text_title">已结束</p>
                        <strong>0</strong>
                    </div>
                </div>

                <button class="btn btn_ck"> 查看</button>
            </div>
        </div>
        <div class="col-lg-2 col-md-4 col-sm-6 col-xs-12">
            <div class="teb_item hvr-glow">
                <h3 class="h_text_sl_1">广东省职工教育网 </h3>
                <span class="alt_text">职工培训</span>
                <div class="number_list">
                    <div class="number_item">
                        <p class="text_title">订单</p>
                        <strong>12</strong>
                    </div>
                    <div class="number_item">
                        <p class="text_title">分配中</p>
                        <strong>6</strong>
                    </div>
                    <div class="number_item">
                        <p class="text_title">已结束</p>
                        <strong>0</strong>
                    </div>
                </div>

                <button class="btn btn_ck"> 查看</button>
            </div>
        </div>
        <div class="col-lg-2 col-md-4 col-sm-6 col-xs-12">
            <div class="teb_item hvr-glow">
                <h3 class="h_text_sl_1">广东省职工教育网 </h3>
                <span class="alt_text">职工培训</span>
                <div class="number_list">
                    <div class="number_item">
                        <p class="text_title">订单</p>
                        <strong>12</strong>
                    </div>
                    <div class="number_item">
                        <p class="text_title">分配中</p>
                        <strong>6</strong>
                    </div>
                    <div class="number_item">
                        <p class="text_title">已结束</p>
                        <strong>0</strong>
                    </div>
                </div>

                <button class="btn btn_ck"> 查看</button>
            </div>
        </div>

    </div>
    <div class="row" style="text-align: center">

        <ul class="pager">
            <li class="previous"><a href="#">« 上一页</a></li>
            <li class="active"><a href="#">1</a></li>
            <li><a href="#">6</a></li>
            <li><a href="#">7</a></li>
            <li><a href="#">8</a></li>
            <li><a href="#">9</a></li>
            <li><a href="###" data-toggle="pager" data-placement="top">...</a></li>
            <li><a href="#">12</a></li>
            <li class="next"><a href="#">下一页 »</a></li>
            <div class="input-group" style="width: 100px;float: left;margin-left: 10px">
                <input type="text" class="form-control">
                <span class="input-group-btn">
                    <button class="btn btn-primary" type="button">GO</button>
                </span>
            </div>
            <li><div class="pager-label">共 <strong>89</strong> 页</div></li>
        </ul>


    </div>
</div>


<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="../style/dist/zui@1.8.1/js/zui.min.js"></script>

<!--复选美化-->
<script src="../style/dist/icheck.min.js"></script>
<script>
    /*初始化多选美化*/
    $(document).ready(function () {
        $(".i-checks").iCheck({checkboxClass: "icheckbox_square-green", radioClass: "iradio_square-green",})
    });

    $(function () {
        $('.nav_list').on('click', 'a', function () {
            $(this).addClass('active').siblings().removeClass('active');
        })


    })
</script>
</body>
</html>